import { BrowserRouter, Routes, Route } from "react-router-dom";
import { RecoilRoot } from "recoil";
import HomePage from "@/pages/HomePage";
import MainPage from "@/pages/MainPage";
import DemoPage from "@/pages/DemoPage";
import AboutPage from "@/pages/AboutPage";
import LogPage from './pages/LogPage';
import { ConfigProvider } from 'antd';

function App() {
  return (
    <RecoilRoot>
      <ConfigProvider>
        <BrowserRouter>
          <Routes>
            <Route path="/" element={<HomePage />} />
            <Route path="/main" element={<MainPage />} />
            <Route path="/demo" element={<DemoPage />} />
            <Route path="/about" element={<AboutPage />} />
            <Route path="/logs" element={<LogPage />} />
          </Routes>
        </BrowserRouter>
      </ConfigProvider>
    </RecoilRoot>
  );
}

export default App;
